<template>
  <!-- <div class="header">
    <van-nav-bar title="标题" left-text="返回" left-arrow />
  </div>

  <RouterView class="main"></RouterView>
  <div class="footer">
    <van-tabber route>
      <van-tabber-item replace to="/" icon="home-o">首页</van-tabber-item>
      <van-tabbar-item replace to="/category" icon="search">分类</van-tabbar-item>
      <van-tabbar-item replace to="/cart" icon="search">购物车</van-tabbar-item>
      <van-tabbar-item replace to="/mine" icon="search">我的</van-tabbar-item>
    </van-tabber>
  </div> -->
  <div class="header">
    <van-nav-bar 
    title="标题"
    left-text="返回"
    left-arrow
    ></van-nav-bar>
    <RouterView class="main"></RouterView>
    <div class="footer">
    <van-tabbar route>
      <van-tabbar-item replace to="/" icon="home-o">标签</van-tabbar-item>
      <van-tabbar-item replace to="/category" icon="search">分类</van-tabbar-item>
      <van-tabbar-item replace to="/cart" icon="cart-o">购物车</van-tabbar-item>
      <van-tabbar-item replace to="/mine" icon="search">我的</van-tabbar-item>
    </van-tabbar>
    </div>
  </div>
</template>

<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
</script>

<style scoped  lang="scss">
.main {
  flex: 1;
  overflow-y: auto;
}
</style>